<template>
	<div id="talking">
	<!-- -------------没有消息时的界面-----------  -->
		<div id="coupon-empty" v-if="noMessage">
			<img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/talking/message_empty.png"/>
			<span class="noVoucher">还没任何消息哦～</span>
			<button class="btn" @click="goHome">去逛逛</button>
		</div>
		<!-- -------------有消息时-----------  -->
		<div v-else>
			<a href="https://www.sobot.com/chat/h5/index.html?sysNum=8aa3c6e204e843ce93d80c7b9208d4e6">
				<div class="allMessage">
					<img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/1d97bf46e147706241c21d984ca62607.jpg">
					<ul class="list">
						<li class="official">砍好货官方客服</li>
						<li class="problem">常见问题列表</li>
					</ul>
					<span class="times">15:20</span>
				</div>
			</a>
			<!--<div class="allMessage">-->
				<!--<img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/1d97bf46e147706241c21d984ca62607.jpg">-->
				<!--<ul class="list">-->
					<!--<li class="official">小砍旗舰店</li>-->
					<!--<li class="problems">亲，拼单成功后我们会尽快发货，亲您稍作等候</li>-->
				<!--</ul>-->
				<!--<span class="times">昨天</span>-->
			<!--</div>-->
			<div class="allMessage" @click="goActivity">
				<img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/1d97bf46e147706241c21d984ca62607.jpg">
				<ul class="list">
					<li class="official">最新活动</li>
					<li class="problem">你有红包待领取</li>
				</ul>
				<span class="times">2017-12-1</span>
			</div>
		</div>
		<v-Footer></v-Footer>
	</div>
</template>

<script>
	import config from "../config/config.js";
	import share from "../share/share.js";
	import Footer from "../home/footer.vue"
	export default{
		components:{
			"v-Footer":Footer
		},
		data(){
			return{
				noMessage:false       //没有消息界面
			}
		},
		methods:{
			goHome(){
				this.$router.push("/home/index/00")
			},
			goActivity(){
				this.$router.push("/talking/activity")
			}
		},

	}
</script>

<style>
</style>